<!-- 底部footer -->
<div class="container-fluid footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <h3>
                    <a role="button" data-toggle="collapse" href="#service" class="visible-xs-block visible-sm-block">
                        服务
                        <span class="glyphicon glyphicon-menu-down"></span>
                    </a>
                    <span class="hidden-xs hidden-sm">服务</span>
                </h3>
                <ul class="collapse" id="service">
                    <li>Z-BLOG博客</li>
                    <li>Z-MUSIC音乐</li>
                    <li>Z-EDU教育</li>
                    <li>Z-MALL电子商城</li>
                    <li>Z-GAME游戏与娱乐</li>
                </ul>
            </div>

            <div class="col-md-3">
                <h3>
                    <a role="button" data-toggle="collapse" href="#value" class="visible-xs-block visible-sm-block">
                        价值观
                        <span class="glyphicon glyphicon-menu-down"></span></a>

                    <span class="hidden-xs hidden-sm">价值观</span>
                </h3>
                <ul class="collapse" id="value">
                    <li>社会责任</li>
                    <li>教育</li>
                    <li>隐私</li>
                    <li>公益活动</li>
                </ul>
            </div>

            <div class="col-md-3">
                <h3>
                    <a role="button" data-toggle="collapse" href="#collaborate"
                        class="visible-xs-block visible-sm-block">
                        合作 <span class="glyphicon glyphicon-menu-down"></span></a>

                    <span class="hidden-xs hidden-sm">合作</span>
                </h3>
                <ul class="collapse" id="collaborate">
                    <li>Github</li>
                    <li>Gitee</li>
                    <li>掘金</li>
                    <li>Vue.js</li>
                    <li>React.js</li>
                    <li>Node.js</li>
                </ul>
            </div>

            <div class="col-md-3">
                <h3>
                    <a role="button" data-toggle="collapse" href="#about-us" class="visible-xs-block visible-sm-block">
                        关于我们<span class="glyphicon glyphicon-menu-down"></span></a>

                    <span class="hidden-xs hidden-sm">关于我们</span>
                </h3>
                <ul class="collapse" id="about-us">
                    <li>团队</li>
                    <li>工作机会</li>
                    <li>活动</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </div>
        <p class="copyright">Copyright © 2021 ZhaoChong保留所有权利。</p>
    </div>
</div>
<!-- 底部footer结束 -->

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!-- bootstrap中的js文件 依赖于jquery 所以必须在之前放一个jquery的js文件 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="/lib/ejs.min.js"></script>
<script src="/javascripts/ajax.js"></script>
<script src="/javascripts/main.js"></script>
<script>
    $('.alert-wrap').delay(5000).hide(0)
</script>
</body>

</html>